<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="lib/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="lib/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="lib/easyui/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript" src="lib/jquery.serializeJSON/jquery.serializejson.min.js"></script>
    <script type="text/javascript" src="lib/jquery.rest/dist/1/jquery.rest.min.js"></script>
    <link href="lib/easyui/themes/bootstrap/easyui.css" rel="stylesheet">
<style>
    iframe{
        width: 100%;
        height: 100%;
        border: 0;
        margin: 0;
    }
</style>
</head>
<body class="easyui-layout">
<!--左边菜单-->
<div region="west" style="width: 200px" title="OA管理系统">

    <div class="easyui-tree">
        <ul>
            <li>员工管理</li>
            <li>日报管理</li>
            <li>项目管理</li>
            <li>考勤管理</li>
            <li>公告管理</li>
        </ul>
    </div>
</div>
<!--左边菜单-->
<!--中部内容主体-->
<div region="center" class="easyui-layout" id="center">
    <div region="north" class="easyui-layout" style="height: 50px">

        <div region="center">公布栏</div>
        <div region="east" style="width: 100px">
            工具条
            <!--<ul>-->
            <!--<li>刷新</li>-->
            <!--<li>返回</li>-->
            <!--<li>休眠</li>-->
            <!--<li>退出</li>-->
            <!--</ul>-->
        </div>
    </div>
    <div region="center" class="easyui-tabs">
        <div href="page/employee.html" title="员工管理"></div>
        <div href="page/reportstyle.html" title="日报管理"></div>
        <div href="page/case.html" title="项目管理"></div>
        <div title="考勤管理">

            <iframe src="page/new4.html" style=""></iframe>

        </div>
        <div title="公告管理">正在开发,请关注</div>

    </div>
</div>
<!--中部内容主体-->
</body>
</html>